@charset "utf-8";

@function r($px){
    @return ($px/40) * 1rem;
}
@function px($px){
    @return ($px/2) * 1px;
}   

#web{
    width: r(750);
    height: 100%;
    position: relative;
}
header{
    border-top: 1px solid transparent;
    width: 100%;
    height: 75px;
    .head_logo{
        margin-left: px(23);
        margin-top: px(15);
        width: 61.5px;
        height: 61.5px;
        overflow: hidden;
        font-size:0;
        img{
            width: 100%;
        }
    }
    .searchbar{
        width: r(264);
        height: 25px;
        border: 1px solid #ff9344;
        border-radius: 25px;
        margin: 0 auto;
        margin-top: px(50);
        padding:0 5px;
        font-size: 0;
        box-sizing: border-box;
        input{
            border-radius: 7px;
            display: inline-block;
            vertical-align: middle;
            border: none;
            width: calc(100% - 24px);
            height: 100%;
        }
        img{
            vertical-align: middle;
            width: 18px;
            height: 18px;
        }
    }
    .selectbar{
        
        margin-right: px(20);
        text-indent: 5px;
        margin-top: px(48);
        width: 79px;
        height: 27px;
        border: 1px solid #FF9344;
        select{
            background: white;
            width: 94%;
            height:100%;
            border:none;
            outline: none;
            vertical-align: top;
            //去除默认样式
            appearance:none;
            -webkit-appearance: none;
            background-image: url(../img/sjx_09.jpg);
            background-repeat: no-repeat;
            background-size: 15px 8px;
            background-position: right 6px center;
        }
    }
}

footer{
    width:r(750);
    height: px(136);
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 0;
    li{
        margin-top: px(17);
        text-align: center;
        width: 25%;
        a{
            color:black;
        }
        p{
            font-size:px(26);
        }
    }
}

.session{
  position: absolute;
  top:75px;
  bottom: px(136);
  left: 0;
  right: 0; 
  //纵向滚动
  overflow-y: scroll;
  //弹性滚动
  -webkit-overflow-scrolling: touch;
  .lunbo{
      font-size: 0;
      img{
          width: 100%;
          height: r(285);
      }
  }
   .iconfont{
       font-size: 16px;
       color: #ff9344;
  }
   .common-top{
       margin-top: r(35);
       p{
           margin-right: r(18);
           margin-top: r(21);
           display: inline-block;
           float: right;
           font-size: px(24);
       }
      img{
          margin-left: r(23);
          vertical-align: middle;
          width: r(56);
          height: r(54);
      }
       h3{
           display: inline-block;
           font-size: px(30);
       }
       
  }
    .yh-img{
        display: inline-block;
        img{
            width: r(239);
            height: r(93);
        }
        div{
            width: 50%;
            text-align: center;
        }
        .yh1,.yh2{
            font-size: 0;
            margin-top: px(17);
        }
        .yh3,.yh4{
            font-size: 0;
            margin-top: px(30);
        }
    }
    .guesslike{
        padding-top: r(32);
        position: relative;
        .guesslike-img{
            position: absolute;
            left: r(23);
            display: inline-block;
            img{
                width:r(212);
                height: px(163);
            }
        } 
    }
    .guesslike-text{
        position: relative;
        margin-left:r(250);
        height: px(163);
        .p1{
            padding-top: px(22);
            font-size: px(30);
            font-weight: bold;
        }
        .p2{
            color: #494949;
            line-height: px(45);
            font-size: px(22);
         }
        .p3{
            font-size: px(32);
            color: #ff9344;
        }
        span{
            display: inline-block;
            color: #494949;
            font-size: px(22);
        }
        .span1{
            position: absolute;
            top: px(22);
           right: r(20);
        }
        .span2{
           position:absolute;
           bottom: px(22);
           right: r(20);
        }
    }
}
